<template>
  <div>
    <el-menu
      default-active="Information"
      class="el-menu-vertical-demo"
      background-color=" #f2f5f6"
      @open="handleOpen"
      @close="handleClose"
      :router="true"
      unique-opened>
      <el-menu-item index="information" style="font-size: 120%">
        <template slot="title">
          <i class="el-icon-user-solid"></i>
          <span>个人信息</span>
        </template>
      </el-menu-item>
      <el-menu-item index="order" style="font-size: 120%" >
        <template slot="title">
          <i class="el-icon-s-order"></i>
          <span>我的订单</span>
        </template>
      </el-menu-item>
      <el-menu-item index="" style="font-size: 120%">
        <template slot="title">
          <i class="el-icon-view"></i>
          <span>浏览记录</span>
        </template>
      </el-menu-item>
      <el-menu-item index="" style="font-size: 120%">
        <template slot="title">
          <i class="el-icon-star-on"></i>
          <span>我的收藏</span>
        </template>
      </el-menu-item>
      <el-menu-item index="Cart" style="font-size: 120%">
        <template slot="title">
          <i class="el-icon-shopping-cart-full"></i>
          <span>购物车</span>
        </template>
      </el-menu-item>
      <el-menu-item index="" style="font-size: 120%">
        <template slot="title">
          <i class="el-icon-unlock"></i>
          <span>修改密码</span>
        </template>
      </el-menu-item>

    </el-menu>
  </div>
</template>

<script>
    export default {
        name: "CenterNvgMenu",
      methods: {
        handleOpen(key, keyPath) {
          console.log(key, keyPath);
        },
        handleClose(key, keyPath) {
          console.log(key, keyPath);
        },
      }
    }
</script>

<style scoped>

</style>
